.container {
    img {
        width: 100%;
        margin-bottom: 11/ 0.75px;
    }

    .box {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 16/ 0.75px;
        padding: 18/ 0.75px 16/ 0.75px 16/ 0.75px 18/ 0.75px;
        background: #f5f9ff;
        border: 1/ 0.75px solid #d6e8ff;
        border-radius: 8/ 0.75px;

        .number {
            position: relative;
            z-index: 10;
            width: 16/ 0.75px;
            height: 16/ 0.75px;
            margin-right: 10/ 0.75px;
            padding-right: 4/ 0.75px;
            color: #0f0600;
            font-size: 12/ 0.75px;
            font-family: YouSheBiaoTiHei;
            line-height: 20/ 0.75px;
            text-align: center;
            background: #9cc5f9;
            border-radius: 100%;

            &::before {
                position: absolute;
                top: 1/ 0.75px;
                left: -2/ 0.75px;
                z-index: -1;
                display: block;
                box-sizing: border-box;
                width: 16/ 0.75px;
                height: 16/ 0.75px;
                border: 1/ 0.75px solid #0f0600;
                border-radius: 100%;
                content: '';
            }
        }

        .right_content {
            flex: 1;

            .title {
                margin-bottom: 8/ 0.75px;
                color: #171a1d;
                font-weight: 600;
                font-size: 12/ 0.75px;
                font-family: PingFangSC-Semibold, PingFang SC;
                line-height: 18/ 0.75px;
                word-break: break-word;
            }

            .reason {
                color: rgba(23, 26, 29, 0.6);
                font-weight: 400;
                font-size: 14/ 0.75px;
                font-family: PingFangSC-Regular, PingFang SC;
                line-height: 22/ 0.75px;
                word-break: break-word;
            }
        }
    }
}
